html[data-prefers-color-scheme="dark"] {
  /* color # variables should be exposed to users */
  --rta-color-primary: #3086ff;
  --rta-color-success: #34b368;
  --rta-color-warning: #ffa930;
  --rta-color-danger: #ff4a58;
  --rta-color-yellow: #ffa930;
  --rta-color-orange: #e65a2b;
  --rta-color-wathet: #0d2543;

  /* other color # variables should be exposed to users */
  --rta-color-text: #e6e6e6;
  --rta-color-text-secondary: #b3b3b3;
  --rta-color-weak: #808080;
  --rta-color-light: #4d4d4d;
  --rta-color-border: #2b2b2b;
  --rta-color-border-secondary: #3b3b3b;
  --rta-color-background: #1a1a1a;
  --rta-color-background-secondary: #2a2a2a;
  --rta-color-fill-content: #0a0a0a;
  --rta-color-background-body: var(--rta-color-background);
}
